{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>联通客户管理平台</title>
    <link rel="stylesheet" href="{% static 'plugins/layui/layui.min.css' %}">
    <script src="{% static 'plugins/layui/layui.min.js' %}"></script>
    <style>
        html, body {
            width: 100%;
            height: 100%;
        }

        body.layui-layout-body {
            display: flex;
            flex-direction: column;
        }

        div.layui-container {
            flex: 1;
        }
    </style>
    {% block css %}
    {% comment %} 继承css样式 或者JS，当我们自己的页面，不要使用特殊的样式或者js时 {% endcomment %}
    {% endblock %}
</head>
<body class="layui-layout-body">
<div class="layui-bg-black">
    <div class="layui-container">
        <div class="layui-header ">
            <!-- 头部区域（可配合layui已有的水平导航） -->
            <ul class="layui-nav">
                <li class="layui-nav-item">
                    <a href="javascript:;">功能管理</a>
                    <dl class="layui-nav-child">
                        <dd><a href="/admin/list/">管理员账户</a></dd>
                        <dd><a href="/depart/list/">部门管理</a></dd>
                        <dd><a href="/user/list/">用户管理</a></dd>
                        <dd><a href="/pretty/list/">靓号管理</a></dd>
                        <dd><a href="/task/list">任务管理</a></dd>
                        <dd><a href="/order/list">订单管理</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item"><a href="/upload/quick/file/">单个文件上传</a></li>
                <li class="layui-nav-item"><a href="/upload/multi/file/">批量文件上传</a></li>
                <li class="layui-nav-item"><a href="/upload/form/">Form上传</a></li>
                <li class="layui-nav-item"><a href="/upload/model/form/">ModelForm上传（新建城市）</a></li>
                <li class="layui-nav-item"><a href="/city/list/">城市列表</a></li>
            </ul>
            <ul class="layui-nav layui-layout-right">
                <li class="layui-nav-item">
                    <a href="javascript:;">
                        <img src="{% static 'img/avatar-cat.jpg' %}" class="layui-nav-img">
                        {{ request.session.login_info.name }}
                    </a>
                    <dl class="layui-nav-child">
                        <dd><a href="">基本资料</a></dd>
                        <dd><a href="">安全设置</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item"><a href="/logout/">退出</a></li>
            </ul>
        </div>
    </div>
</div>

<div class="layui-container">
    <div class="layui-padding-3">
        {% block content %}{% endblock %}
    </div>
</div>
{% block js %}
{% comment %} 继承css样式 或者JS，当我们自己的页面，不要使用特殊的样式或者js时 {% endcomment %}
{% endblock %}
</body>
</html>